<template>
    <div class="admin-dashboard">
      <Sidebar @select="handleSelect" />
      <MainContent :activeSection="activeSection" />
    </div>
  </template>
  
  <script setup lang="ts">
  import { ref } from 'vue';
  import Sidebar from './components/Sidebar.vue';
  import MainContent from './components/MainContent.vue';
  
  const activeSection = ref('user');
  
  const handleSelect = (section: string) => {
    activeSection.value = section;
  };
  </script>
  
  <style scoped>
  .admin-dashboard {
    display: flex;
  }
  </style>
  